import { defineConfig, presetAttributify, presetIcons, presetUno } from 'unocss'

export default defineConfig({
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons({
      collections: {
        carbon: () => import('@iconify-json/carbon/icons.json').then(i => i.default),
        mdi: () => import('@iconify-json/mdi/icons.json').then(i => i.default),
      }
    })
  ],
  theme: {
    colors: {
      primary: {
        50: '#f0f9ff',
        100: '#e0f2fe',
        200: '#bae6fd',
        300: '#7dd3fc',
        400: '#38bdf8',
        500: '#0ea5e9',
        600: '#0284c7',
        700: '#0369a1',
        800: '#075985',
        900: '#0c4a6e'
      },
      tech: {
        dark: '#0a0a0a',
        darker: '#050505',
        accent: '#00d4ff',
        secondary: '#7c3aed'
      }
    }
  },
  shortcuts: {
    'tech-card': 'bg-gradient-to-br from-tech-dark to-tech-darker border border-gray-800 rounded-xl p-6 hover:border-tech-accent transition-all duration-300 cursor-pointer',
    'tech-button': 'bg-gradient-to-r from-tech-accent to-tech-secondary text-white px-6 py-3 rounded-lg hover:scale-105 transition-all duration-300 font-semibold',
    'tech-text': 'text-transparent bg-clip-text bg-gradient-to-r from-tech-accent to-tech-secondary'
  }
})
